<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script src="js/i5scroll.js"></script>
</head>
<body>
    <!--头部开始-->
    <div class="header wrap">
        <div class="logo left">
            <a href="index.html">
                <img src="images/logo.png" alt="">
                <div class="top_bt left">
                    <p>茶叶协会官网 </p>
                    <span>www.cha**ui.top</span>
                </div>
            </a>
        </div>
        <ul class="nav left">
            <li>
                <a href="index.html">首页</a>
            </li>
            <li>
                <a href="关于我们.html" class="active">关于我们</a>
                <ul class="sub_menu">
                    <li><a href="关于我们.html">公司简介</a></li>
                    <li><a href="关于我们.html">荣誉资质</a></li>
                    <li><a href="关于我们.html">企业文化</a></li>
                    <li><a href="关于我们.html">联系我们</a></li>
                </ul>
            </li>
            <li>
                <a href="产品中心.html">产品中心</a>
                <ul class="sub_menu">
                    <li><a href="产品中心.html">乌龙茶系列</a></li>
                    <li><a href="产品中心.html">花茶系列</a></li>
                    <li><a href="产品中心.html">普洱系列</a></li>
                    <li><a href="产品中心.html">茶食品系列</a></li>
                    <li><a href="产品中心.html">茶月饼系列</a></li>
                    <li><a href="产品中心.html">茶具系列</a></li>
                </ul>
            </li>
            <li>
                <a href="新闻列表.html">新闻动态</a>
                <ul class="sub_menu">
                    <li><a href="新闻列表.html">公司新闻</a></li>
                    <li><a href="新闻列表.html">行业动态</a></li>
                    <li><a href="新闻列表.html">媒体报告</a></li>
                    <li><a href="新闻列表.html">茶叶知识</a></li>
                </ul>
            </li>
            <li>
                <a href="#">品牌简介</a>
            </li>
            <li>
                <a href="合作交流.html">合作交流</a>
                <ul class="sub_menu">
                    <li><a href="合作交流.html">合作介绍</a></li>
                    <li><a href="合作交流.html">意向提交</a></li>
                    <li><a href="合作交流.html">成功案例</a></li>
                    <li><a href="合作交流.html">信息发布</a></li>
                </ul>
            </li>        
        </ul>
    </div>
    <!--头部结束-->


    <!--banner-->
    <div class="n_banner">
        <img src="./images/n_banner.jpg" alt="">
    </div>

    <div class="company brief_p">
        <div class="title_in">
            <ul class="company_title wrap">
                <li class="active">公司简介</li>
                <li>荣誉资质</li>
                <li>企业文化</li>
                <li>联系我们</li>
            </ul>
        </div>

        <div class="content" style="display: block;">
            <div class="brief wrap">
                <div class="brief_box">
                    <h3>公司<span>简介</span></h3>
                    <p>某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。
                    得天地之灵气 采日月之精华</p>
                </div>
            </div>
            
            <div class="brief_box2">
                <div class="wrap">
                    <h3>得天地之灵气 采日月之精华</h3>
                    <p>The spirit of heaven and earth is the essence of the sun and the moon</p>
                </div>
            </div>
            <div class="brief_box3">
                <ul class="wrap">
                    <li>
                        <div class="pic"><img src="images/b1.png" alt=""></div>
                        <p>我们在海拔1700米</p>
                        <p>最佳种植高度的莽莽高原</p>
                    </li>
                    <li>
                        <div class="pic"><img src="images/b2.png" alt=""></div>
                        <p>特定的酸性红土壤</p>
                        <p>有机物质含量最高</p>
                    </li>
                    <li>
                        <div class="pic"><img src="images/b3.png" alt=""></div>
                        <p>年均气温在10℃-20℃ </p>
                        <p>温暖湿润的优质环境</p>
                    </li>
                    <li>
                        <div class="pic"><img src="images/b4.png" alt=""></div>
                        <p>喝茶可以降血脂、养颜美容等其他各种功</p>
                        <p>效网络上或者民间已经相传甚久</p>
                    </li>
                </ul>
            </div>
            <div class="brief_box4">
                 <div class="wrap bk">
                     <div class="pic left"><img src="./images/b5.jpg" alt=""></div>
                     <div class="wz right">
                         <h3>领导<span>致辞</span></h3>
                         <p>
                             能在工作组织中创造友好气氛的领导。研究表明，当工作任务紧张、单调乏味，甚至有危险时，支持性领导往往通过增加员工自信心、降低焦虑、尽量减少工作中不愉快等来提高工作的效率及员工的满意度。但如果工作任务有趣，且员工显得有信心时，支持性领导应尽可能少干预。 
                            假设一个员工连续加班，产生了严重的焦虑感，同时工作中开始频繁出现失误。那么，他的上司首先应将注意力放在失误上还是放在体贴关怀上，对于这位员工迅速恢复状态的影响是不一样的。假如上司找时间与这位员工聊聊天，倾听他当下的感受，并且对他工作中的闪光点多给予肯定和认可，而暂时不去谈论他的失误，这就表现出了"领导者的关系行为"，相信会更加有利于这位员工保持工作热情和提升对于工作质量的承诺度。
                        </p>
                     </div>
                 </div>
            </div>

        </div>

        <div class="content wrap">
            <div class="honor">
                <h3>荣誉资质</h3>
                <p>
                    某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。
                    得天地之灵气 采日月之精华
                </p>
                <ul class="zz_pic">
                    <li><img src="./images/z1.jpg" alt=""></li>
                    <li><img src="./images/z2.jpg" alt=""></li>
                    <li><img src="./images/z3.jpg" alt=""></li>
                </ul>
            </div>
        </div>
        <div class="content wrap">
            <div class="honor">
                <h3>企业文化</h3>
                <p>
                    某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益，为各级政府制定发展茶产业政策当好参谋和助手，为促进茶产业的发展发挥桥梁纽带作用。某某省茶叶协会的主管部门是某某省供销社，协会是在某某省民政厅的指导和监督下开展工作的社团组织，现有团体会员166个，个人会员156名。
                </p>
                <div class="wenhua">
                    <ul>
                        <li>
                            <h3>企业使命</h3>
                            <p>以人类健康为己任，引领绿色新生活</p>
                        </li>
                        <li>
                            <h3>核心价值观</h3>
                            <p>责任、价值、快乐</p>
                        </li>
                        <li>
                            <h3>企业精神</h3>
                            <p> 品格第一 使命至上 英勇善战 绩效为先 重情重义 团队无敌</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="content wrap">
            <div class="relation honor">
                <h3>联系我们</h3>
                <p>
                    某某省茶叶协会，其前身系1996年10月成立的某某省食品工业协会茶叶分会。后经某某省民政厅批准，于2006年10月18日正式成立为某某省茶叶协会。某某省茶叶协会是全省茶行业的企业、事业单位和茶业工作者及省外茶商自愿参加组建成立的社会团体。本协会宗旨是：以建设有中国特色社会主义理论和“三个代表”重要思想为指导，坚持科学发展观，遵守国家法律法令和方针政策。热忱为茶农、茶企、茶叶工作者和会员服务，维护本行业的合法权益
                </p>
                <div class="map">
                    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                    <html xmlns="http://www.w3.org/1999/xhtml">
                    <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
                    <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" />
                    <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" />
                    <title>百度地图API自定义地图</title>
                    <!--引用百度地图API-->
                    <style type="text/css">
                        html,body{margin:0;padding:0;}
                        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
                        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
                    </style>
                    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
                    </head>

                    <body>
                    <!--百度地图容器-->
                    <div style="width:100%;height:350px;border:#ccc solid 1px;" id="dituContent"></div>
                    </body>
                    <script type="text/javascript">
                        //创建和初始化地图函数：
                        function initMap(){
                            createMap();//创建地图
                            setMapEvent();//设置地图事件
                            addMapControl();//向地图添加控件
                            addMarker();//向地图中添加marker
                        }
                        
                        //创建地图函数：
                        function createMap(){
                            var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                            var point = new BMap.Point(114.392609,30.456126);//定义一个中心点坐标
                            map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
                            window.map = map;//将map变量存储在全局
                        }
                        
                        //地图事件设置函数：
                        function setMapEvent(){
                            map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                            map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                            map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                            map.enableKeyboard();//启用键盘上下左右键移动地图
                        }
                        
                        //地图控件添加函数：
                        function addMapControl(){
                            //向地图中添加缩放控件
                        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                        map.addControl(ctrl_nav);
                            //向地图中添加缩略图控件
                        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                        map.addControl(ctrl_ove);
                            //向地图中添加比例尺控件
                        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                        map.addControl(ctrl_sca);
                        }
                        
                        //标注点数组
                        var markerArr = [{title:"武汉源码时代",content:"咨询热线：13971940942",point:"114.396993|30.456515",isOpen:1,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
                            ];
                        //创建marker
                        function addMarker(){
                            for(var i=0;i<markerArr.length;i++){
                                var json = markerArr[i];
                                var p0 = json.point.split("|")[0];
                                var p1 = json.point.split("|")[1];
                                var point = new BMap.Point(p0,p1);
                                var iconImg = createIcon(json.icon);
                                var marker = new BMap.Marker(point,{icon:iconImg});
                                var iw = createInfoWindow(i);
                                var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
                                marker.setLabel(label);
                                map.addOverlay(marker);
                                label.setStyle({
                                            borderColor:"#808080",
                                            color:"#333",
                                            cursor:"pointer"
                                });
                                
                                (function(){
                                    var index = i;
                                    var _iw = createInfoWindow(i);
                                    var _marker = marker;
                                    _marker.addEventListener("click",function(){
                                        this.openInfoWindow(_iw);
                                    });
                                    _iw.addEventListener("open",function(){
                                        _marker.getLabel().hide();
                                    })
                                    _iw.addEventListener("close",function(){
                                        _marker.getLabel().show();
                                    })
                                    label.addEventListener("click",function(){
                                        _marker.openInfoWindow(_iw);
                                    })
                                    if(!!json.isOpen){
                                        label.hide();
                                        _marker.openInfoWindow(_iw);
                                    }
                                })()
                            }
                        }
                        //创建InfoWindow
                        function createInfoWindow(i){
                            var json = markerArr[i];
                            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
                            return iw;
                        }
                        //创建一个Icon
                        function createIcon(json){
                            var icon = new BMap.Icon("./images/dw.svg", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
                            return icon;
                        }
                        
                        initMap();//创建和初始化地图
                    </script>
                    </html>
                    <ul>
                        <li>地址：贵某某省某某环城西路某某酒店五楼</li>
                        <li> 电话：400-****-000</li>
                        <li>网址：www.d**mj.top </li>
                    </ul>
                </div>
                
                <div class="form">
                    <h3>在线留言</h3>
                    <form action="">
                        <p>昵称： <input type="text" name="nc"></p>
                        <p>地址： <input type="text" name="site"></p>
                        <p>电话： <input type="tel" name="tel"></p>
                        <p>公司： <input type="text" name="company"></p>
                        <input type="submit" value="提交" class="su">
                    </form>
                </div>

            </div>
        </div>
        
    </div>

    <div class="footer">
        <div class="f_nav">
            <ul class="wrap">
                <li><a href="">网站首页</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">产品中心</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">品牌简介</a></li>
                <li><a href="">合作交流</a></li>
            </ul>
        </div>
        <div class="f_message wrap">
            <div class="m_box1 left">
                <h3>联系我们</h3>
                <p>地址：某某市友谊路258号（百灵·尚品一号B-2-8-2）</p>
                <p>邮编：5**0000　</p>
                <p>电话：400-***-000</p>
                <p>联系人：精品茶叶官方宣传网站</p>
            </div>
            <ul class="m_box2 left">
                <li>
                    <h3>关于我们</h3>
                    <a href="">关于我们</a>
                    <a href="">联系我们</a>
                    <a href="">企业文化</a>
                    <a href="">荣誉资质</a>
                </li>
                <li>
                    <h3>合作交流</h3>
                    <a href="">成功案例</a>
                    <a href="">合作介绍</a>
                    <a href="">信息发布</a>
                    <a href="">意向提交</a>
                </li>
                <li>
                    <h3>产品中心</h3>
                    <a href="">乌龙茶系列</a>
                    <a href="">花茶系列</a>
                    <a href="">普洱系列</a>
                    <a href="">茶食品系列</a>
                </li>
            </ul>
            <div class="rwm right">
                <img src="./images/erweima.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
        <div class="f_copyright">
            <p class="wrap">
                COPYRIGHT WWW.GZ**.ORG　版权所有：精品茶叶官方宣传网站       ICP备案编号：黔ICP备140***33号-1
            </p>
        </div>
    </div>


</body>
</html>







